<!DOCTYPE HTML>
<html>
<head>
<title><?php echo $this->getTitle(); ?></title>
<?php echo $this->getJavascript(); ?>
<?php echo $this->getCss(); ?>
</head>
<body>
<div id="wrapper">
	<?php TemplateHelper::template('header'); ?>
	
	<div>
		<a class="page-name-link" href="index.php?c=employee&m=home">HOME</a>  <span class="page-name-active">&gt; COMPLAINT</span>
	</div>
	
	<div>
		<div class="employee-left-col">
			<fieldset id="fieldset-transaction">
			  	<legend>SEARCH SALES</legend>
				
				<!-- <div class="complaint-search-box">
					<input type="text" value=""/>
					<input type="button" value="Search" class="button-jquery-ui" />
				</div> -->
				
				<fieldset id="fieldset-transaction">
				  	<legend>SALES</legend>
				  	<div class="sales-table">
				  		<div class="sales-table-header">
				  			<div class="sales-table-col1">Sales id</div>
				  			<div class="sales-table-col2"># of Product Sold</div>
				  			<div class="sales-table-col3">Total Amount</div>
				  			<div class="sales-table-col4">Sold by</div>
				  			<div class="clear-both"></div>
				  		</div>
				  		<?php foreach ($this->display['sales'] AS $sales):?>
				  			<div class="sales-get-info sales-table-row">
				  				<div class="sales-table-col1"><?php echo $sales->getSalesId();?></div>
				  				<div class="sales-table-col2"><?php echo $sales->getTotalQty();?></div>
				  				<div class="sales-table-col3"><?php echo $sales->getTotalAmount();?></div>
				  				<div class="sales-table-col4"><?php echo $sales->getEmployee()->getFirstName() . ' ' . $sales->getEmployee()->getLastName();?></div>
				  				<div class="clear-both"></div>
				  			</div>
				  		<?php endforeach;?>
				  	</div>
				</fieldset>
			</fieldset>
		</div>
		<div id="orderSumarryBox" class="employee-right-col">
			<div class="CC">
				<fieldset id="fieldset-transaction">
				  	<legend>SALES INFO</legend>
				  	<div>Sales id: <span id="sales_info_id">XXXXX</span></div>
				  	
				  	<div class="sales-info-table">
				  		<div class="sales-info-table-header">
				  			<div class="sales-info-table-col1">Product Name</div>
				  			<div class="sales-info-table-col2">Item Count</div>
				  			<div class="sales-info-table-col3">Price</div>
				  			<div class="clear-both"></div>
				  		</div>
				  		<div id="sales_info_results"></div>
				  		<div class="sales-info-table-row"></div>
				  	</div>
				</fieldset>
			</div>
		</div>
		<div class="clear-both"></div>
	</div>
</div>
<div id="footer">&copy; 2013 Baliwag Lechon Manok.</div>

<?php TemplateHelper::template('loading'); ?>
<?php TemplateHelper::template('confirmation'); ?>
<!-- START: Dialog -->
<div id="complaint_box_dialog" class="product-box-dialog" title="Complaint">
	<input type="hidden" id="complaint_box_sales_detail_id" />
	<input type="hidden" id="complaint_box_sales_detail_max" />
	<div class="product-box-info">
		<div class="product-box-info-left">
			<input type="hidden" value="0" id="complaint_box_product_qty_hidden" />
			<div id="complaint_box_product_qty" class="product-quantity-counter">0</div>
			<div class="product-quantity-counter-button">													
				<input type="button" value="-" class="minus-product button-jquery-ui" />
				<input type="button" value="+" class="add-product button-jquery-ui" />												
			</div>
		</div>
		<div class="product-box-info-right">
			<div style="text-align: center;" class="product-details-info">
				<span class="bold red">SALES DETAILS</span>
				<hr />
			</div>
			<div class="product-details-info">
				<span class="bold">Product name:</span>
				<span id="complaint_box_product_name">XXXXXX</span>
			</div>
			<div class="product-details-info">
				<span class="bold">Price:</span>
				<span id="complaint_box_product_price">XXXXXX</span>
			</div>
			<div class="remaining-stock-parent product-details-info">
				<span class="bold">Remaining Stock:</span>
				<span id="complaint_box_product_stock" class="remaining-stock-value">XXXXXXX</span>
			</div>
			<div class="remaining-stock-parent product-details-info">
				<span class="bold">Comments:</span>
				<textarea id="complaint_comments" rows="3" cols="40"></textarea>
			</div>
			<div>				
				<input id="complaint_button" type="button" value="Add Complaint" class="button-jquery-ui" />
			</div>
		</div>
		<div class="clear-both"></div>
	</div>
</div>
<!-- END: Dialog -->
</body>
</html>